<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 简单数据类型
      var str = 'abcd'
      var strp = str
      console.log(str, strp)
      console.log(str === strp) // true

      // 复杂数据类型
      // var obj = {
      //   name: 'cxm',
      //   age: 23,
      // }
      // var obj2 = obj
      // // obj2.name = 'tuichui' // 原来的对象的name也会被修改

      // console.log(obj, obj2)
      // console.log(obj2.name) // tiechui
      // console.log(obj === obj2) // true

      // // 存储分为栈和堆
      // // 栈 ：先进先出  简单数据类型
      // // 堆：          复杂数据类型
      // var objj1 = { name: 'cxm' }
      // var objj2 = { name: 'cxm' }
      // console.log(objj1 == objj2) //false
      // console.log(objj1 === objj2) //false

      var obj = {
        name: 'cxm',
        age: 23,
      }
      var obj2 = {}
      for (var i in obj) {
        obj2[i] = obj[i]
      }
      obj2.name = 'tuichui' // 原来的对象的name就不会被改变
      console.log(obj2)
    </script>
  </body>
</html>
